<template>
  <div class="manage-box">
    <div class="manage-main">
      <div class="manage-left">
        <div class="manage-echart">
          <organiza-statis />
          <login-statis />
        </div>
        <record-detail />
      </div>
      <fast-entry />
    </div>
  </div>
</template>

<script>
  import { defineComponent } from 'vue';
  import OrganizaStatis from '@/views/board-manage/components/organiza-statis.vue';
  import LoginStatis from '@/views/board-manage/components/login-statis.vue';
  import RecordDetail from '@/views/board-manage/components/record-detail.vue';
  import FastEntry from '@/views/board-manage/components/fast-entry.vue';
  import '@/views/board-manage/css/index.less';
  export default defineComponent({
    name: 'BoardManage',
    components: {
      OrganizaStatis,
      LoginStatis,
      RecordDetail,
      FastEntry,
    },
    setup() {
      return {};
    },
  });
</script>
<style>
  .je-statis-operate .ant-select:not(.ant-select-customize-input) .ant-select-selector {
    height: 26px;
    background-color: #3265f5;
    border: 0;
    box-sizing: border-box;
    border-radius: 14px;
    color: #ffffff;
  }
  .je-statis-operate
    .ant-select-single:not(.ant-select-customize-input)
    .ant-select-selector
    .ant-select-selection-search-input {
    height: 26px;
  }
  .je-statis-operate .ant-select-arrow {
    color: #ffffff;
  }
  .je-statis-operate .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
  .je-statis-operate .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    line-height: 26px;
    color: #ffffff;
    font-size: 14px;
  }
  .je-statis-operate .ant-select-clear {
    display: none;
  }
</style>
<style scoped lang="less">
  .manage-box {
    width: 100%;
    height: 100%;
    overflow: auto !important;
    background-color: #f0f2f5;
    .manage-main {
      width: 1250px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      padding: 20px 0;
      .manage-left {
        width: 990px;
        .manage-echart {
          width: 100%;
          height: 370px;
          display: inline-flex;
          justify-content: space-between;
        }
      }
    }
  }
</style>
